@import "./color";
@import "./mixins";
@import './normalize';
@import './animate';
#__vconsole{
  font-size:.24rem !important;
}
html,body{
  width:100%;
  height:100%;
}
body {
  color:#333;
  font-size:.3rem;
  background-color: #f5f5f5;
}
textarea,input,select{
  border:none;
  outline:none;
  resize:none;
  background:none;
}
li{list-style: none;}

#app {-webkit-font-smoothing: antialiased;}

/*弹性盒子*/

.box{display: flex;position:relative;}
.box-f1{flex: 1;}
.box-ac{align-items: center}
.box-pc{justify-content: center}
.box-ver{flex-direction: column}

.w-p100{width:100%;}
.h-p100{height:100%}
.hide{display: none !important;}
/*浮动+清除浮动*/
.fr{float: right} .fl{float: left}
.clear:after{content:'';display:block;clear: both}
/*文字超出显示省略号*/
.ell{overflow: hidden;white-space: nowrap; text-overflow: ellipsis}
.tx-c{text-align: center;}
.tx-r{text-align: right;}
.tx-l{text-align: left;}
.of-y-s{overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.of-y-h{overflow-y:hidden;}
.bor-none{border:none !important;}
.bg-img1,.icon{
  @include bg-size(contain)
}
.tc-main{
  color:$themeColor;
}
.bc-fff{
  background-color: #FFF;
}

/*公共图标*/
.icon-arrow-right{
  width:.22rem !important;
  height:.38rem !important;
  @include bg-image('../img/icon-arrow-right')
}
.pad-btn{
  padding-bottom:.88rem;
}
.h-bot{
  height:.88rem;
}
.btn-bot{
  position: fixed;
  bottom:0;
  width:100%;
  height:.88rem;
  line-height:.88rem;
  color:#FFF;
  font-size:.34rem;
  text-align: center;
  background-color:$themeColor;
  border-top:1px solid #eaeaea;
  & > div{
    font-size:.3rem
  }
  .opposite{
    background-color:#FFF;
    color:$themeColor;
  }
}
.form-must{
  color:red;
}
.line-input{
  font-size:.3rem;
  height:.84rem;
  background-color:#FFF;
  padding-left:.3rem;
  padding-right:.3rem;
  border-bottom:1px solid $borderColor;
  &.last-bor-0{
    &:last-child{
      border:none
    }
  }
  &.tips{
    margin-bottom:.2rem;
    border:none;
  }
  .title{
    padding-right:1em;
    span{
      color:red;
    }
  }
  .text{
    color:#999;
  }
  input{
    color:#666;
    font-size:.3rem;
  }
}
.icon-date{
  width:.24rem;
  height: .24rem;
  @include bg-image('../img/icon-date')
}
.tips-line{
  padding:.17rem .3rem;
  padding-left:.3rem;
  font-size:.26rem;
  span{
    color:red
  }
}
.business-container{
  padding-left:.6rem;
  padding-right:.6rem;
  padding-top:.2rem;
  padding-bottom:.35rem;
  background-color:#FFF;
  border-bottom: 1px solid $borderColor;
  border-top: 1px solid $borderColor;
  .item{
    color:#666;
    font-size:.3rem;
    .icon{
      width:.72rem;
      height:.72rem;
      border-radius:50%;
      margin-bottom:.2rem;
    }
    @for $i from 0 through 4 {
      .icon-business#{$i} {
        @include bg-image('../img/icon-business#{$i}');
      }
    }
    &.act{
      color:$themeColor;
      .icon{
        animation-name: rubberBand;
      }
      @for $i from 0 through 4 {
        .icon-business#{$i} {
          @include bg-image('../img/icon-business#{$i}-act');
        }
      }
    }
  }
}
/*标签列表*/
.tag-list{
  .tag-item{
    border:1px solid #666;
    color:#666;
    height:.54rem;
    line-height:.54rem;
    width:1.18rem;
    font-size:.26rem;
    margin:0 .08rem;
    @include bg-size(100% 100%);
    &.act{
      // @extend .tada;
      animation-name: pulse;
      // @extend .rubberBand;
      color:$themeColor;
      border-color:$themeColor;
      @include bg-image('../img/icon-tag-act')
    }
  }
}
